<template>
  <div>
    <div v-if="!utils.getIsApp()" class="common-header-wrap">
        <mt-header class="common-header" title="教程视频">
            <mt-button icon="back" slot="left" @click="$router.go(-1)"></mt-button>
        </mt-header>
    </div>
    <div id="video" class="article-ad"></div>
  </div>
</template>

<script>
export default {
  name: 'Ckplay',
  data() {
    return {};
  },
  mounted() {
    const that = this;
    let videoObject = {
      container: '#video', //“#”代表容器的ID，“.”或“”代表容器的class
      variable: 'player', //该属性必需设置，值等于下面的new chplayer()的对象
      flashplayer: false, //如果强制使用flashplayer则设置成true
    //   html5m3u8: true,
      autoplay: true,
      video: that.$route.query.value, //视频地址
      mobileCkControls: true,
    };
    let player = new ckplayer(videoObject);
  },
  methods: {},
};
</script>

<style scoped lang="scss">
.article-ad {
  // height: 94vh;
  height: calc(100vh - 2rem);
  width: 100vw;
}
</style>
